body {
    margin: 0px;
    
    
    position:relative; /*so that I can shift it up to cover the blank spot created by default*/
    top:-1em;  /*this was the only way I could figure out to get rid of the blank space at top*/
	
	background-color:#95ff80;
	
	z-index: -2;
	cursor:default;
}

/*containers*/

	#goalsContainer, #fruitsContainer, #premisesContainer {
		height:65px;  
		position: fixed;
		overflow:hidden;
	}
	
	#goalsContainer, #fruitsContainer{
		z-index: 3;
	}
	
	#goalsContainer{
		background-color: #b0ebff;
		box-shadow: 0px 0px 5px 5px #b0ebff;
		padding-left: 132px;
		/*left position set in window.js according to size of browser window*/
	}

	#fruitsContainer{
		background-color: #c4f0ff;
		box-shadow: 0px 0px 5px 5px #c4f0ff;
		padding-left: 139px;
	}
	
	#premisesContainer {
		background-color: #94ffc4;
		box-shadow: 0px 0px 5px 5px #94ffc4;
		padding-left: 183px;

		margin: 5px 0px; /*this makes it so the shadow area on top and bottom doesn't count towards the height of this*/
		z-index: 2;
	
		top: 65px;
	}
	
	#argumentsContainer{
		/*most is covered by body style*/
		height: auto;
		background-color:#95ff80;
		box-shadow: 0px 0px 5px 5px #95ff80;

		position: absolute;
		z-index: 1;

		top: 160px;
	}
/*end containers*/

/*grey boxes for guidance*/

	#fruitsGrey, #goalsGrey, #premisesGrey, #argumentsGrey{
		background-color: black;
		opacity: 0.40;
		z-index: 5;
		position: absolute;
	}
	
	#argumentsGrey{
		z-index:1;
	}

/*end grey boxes for guidance*/

/*container labels*/
	.header{
		font-weight: bold;
		font-size: 2em;
		font-family:"Trebuchet MS", Helvetica, sans-serif;
		text-shadow: 0px 0px 10px black;
		
		display: inline-block;
	
		opacity: 0.5;
	
		position:absolute;
		vertical-align: top; /*keeps headers from moving when nodes change size to accomodate more text*/
		
		top: 16px;
		left: 3px;
	}
	
	#fruitsContainer>.header, #goalsContainer>.header{
		font-size: 1.8em;
		top: 3px;
		line-height: 100%; /*this actually decreases the line height by a little bit */
	}
	
	/*this is for making the first line of the fruits header smaller*/
	#fruitsHeaderArgument{
		font-size: 0.8em;
	}
		
	#argumentsContainer>.header{
		position: fixed;
		z-index: 4;
		top: 149px;
	}
	

/*end container header*/

/*connections*/
	svg{
		position: absolute;
		width: 100%;
		z-index: -1;
		overflow-x: visible !important;
		overflow-y: visible !important;
	}
	
	.fallacy{
		stroke: red;
		stroke-dasharray: 5,5;
		stroke-width: 3px;
	}
	
	.label{
		position: absolute;
		font-family:"Trebuchet MS", Helvetica, sans-serif;
		font-size:0.8em;
		display: block;
		background: rgba(151,255,130,0.9);
		border-radius: 10px;
		box-shadow: 0px 0px 5px 5px rgba(151,255,130,0.9);
		padding: 0px 3px;
	}
	
	#lineContextMenu{
		position: absolute;
		background-color: #9cd9f4;
		z-index: 10;
		
		outline-style: none;
		outline-color: blue;
		outline-width: 2px;
		
		box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
		border-radius:10px;
	}
	
	#lineContextMenu:not(.visible){
		display: none;
	}
	
	#lineContextMenu .visible{
		display: block;
	}
	
	#lineContextMenu h3{
		margin: 3px;
		text-decoration: underline;
	}
	
	#lineContextMenu ul{
		list-style-position: outside;
		margin: 0px;
		padding: 3px;
	}
	
	#lineContextMenu li{
		list-style-type: none;
		font-family:"Trebuchet MS", Helvetica, sans-serif;
		padding: 2px;
	}
	
	#lineContextMenu li:hover{
		background-color: #b5dff2;
	}
	
	li a{
		padding: 2px;
	}
	
	li div{
		vertical-align: text-bottom;
		float: right;
		top: -2px;
		position: relative;
		height: 25px;
		width: 25px;
		border-radius: 5px;
		box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
		background-image: url("../icons/small-Wikipedia-W.png");
	}
/*end connections*/

/*user guidance divs*/
	.info{
		position: absolute;
		z-index: 10;
		
		padding: 10px;
		background-color: #9E9E9E;
		border: thick dotted blue;
		display: inline-block;
		border-radius: 15px;
		box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
	}
	
	#pressEnter{
		left: 495px;
		top: 234px;
	}
	
	#claimInfo{
		left: 700px;
		top: 184px;
	}
	
	#fruitsInfo{
		left: 382px;
		top: 21px;
	}
	
	#worthItReminder{
		left: 380px;
		top: 28px;

		font-size: 0.9em;
		padding: 4px;
		
		-webkit-transition: opacity 1s linear;  /*transition not working*/
	}
	
	#goalsInfo{
		left: 1000px;
		top: 21px;
	}

	#premisesInfo{
		left: 410px;
		top: 90px;
	}
	
	#nodeInfo{
		left: 700px;
		top: 100px;
	}
	
	#nodeOkayButton{
		left: 822px;
		top: 225px;
	}
	
	#connectionsInfo{
		left: 700px;
		top: 146px;
	}
	
	#connectionsOkayButton{
		left: 835px;
		top: 211px;
	}
/*end user guidance divs*/

/*footer*/
	#footer, #issue, #version
	{
		z-index: 10;
		background: #95ff80;
		box-shadow: 0px 0px 5px 5px #95ff80;
		border-radius: 7px;
		padding: 0px 4px;
	}
	
	#footer{
		font-size: small;
		position:fixed;
		right: 3px;
		bottom: 5px;
	}
	
	#issue{
		text-align: center;
		font-size: small;
		position:fixed;
		bottom: 5px;
		left: 40%;
	}
	
	#version{
		font-size: small;
		position: fixed;
		left: 4px;
		bottom: 5px;
	}
/*end footer*/

/*other*/
	.pointer:hover{
		cursor: pointer;
	}
	

/*end other*/